<template>
    <div>
        <div class="deng">
            <el-input placeholder="请输入内容">
                 <el-button slot="append" icon="el-icon-search"></el-button>
            </el-input>
            <el-button type="primary">添加用户</el-button>
        </div>
        <table border="1" cellspacing="0">
            <tr>
                <th>#</th>
                <th>姓名</th>
                <th>邮箱</th>
                <th>电话</th>
                <th>角色</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
            <tr>
                <td class="zwshuj" colspan="7">暂无数据</td>
            </tr>
        </table> 
        <el-Pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="currentPage4"
            :page-sizes="[100, 200, 300, 400]"
            :page-size="100"
            layout="total, sizes, prev, pager, next, jumper"
            :total="400"
        >
        </el-Pagination>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped lang="scss">
.deng{
    display: flex;
    width: 500px;
}
table{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ebeef5;
    margin-top: 15px;
    box-sizing: border-box;
    color: #606266;
    margin-bottom: 10px;
}
.zwshuj{
    text-align: center;
}

</style>